<template>
    <div class="evaluate-wrapper">
      <div class="evaluate-curriculum">
        <div class="tab-content-wrapper">
          <div class="tab-content v-flex-row-start">
            <div class="curriculum-img">
              <img src="http://res.youtenet.com/bdbData/r/gou/u/201806/041349208m7b.jpg" alt="">
            </div>
            <div class="curriculum-introduce">
              <div>
                <div class="curriculum-title">企业家管理团队的必修课</div>
                <div class="curriculum-sub-title">五大能力，10天引爆团队</div>
                <div class="curriculum-sub-title">2626人学习</div>
              </div>
              <div class="curriculum-price">￥ 5000.00</div>
            </div>
          </div>
        </div>
      </div>
      <!--发表评价的内容-->
      <div class="evaluate-content">
        <div class="write-evaluate">
          <textarea name="" id="" maxlength="300" placeholder="分享您得观看心得"></textarea>
        </div>
      </div>
      <!--发布评价按钮-->
      <div class="send-evaluate">
        <button class="evaluate-btn">发表评价</button>
      </div>
    </div>
</template>

<script>
  export default {
    name: "evaluate.vue",
    data () {
      return {
      }
    },
    methods: {

    }
  };
</script>

<style scoped lang="less">
  .tab-content-wrapper {
    background-color:@bg_color;
  }
  .tab-content {
    padding:26rpx 20rpx;
    .curriculum-img {
      width: 300rpx;
      height:170rpx;
      & > img {
        width: 300rpx;
        height:170rpx;
        border-radius:10rpx;
      }
    }
  }
  .curriculum-introduce {
    padding:0px 20rpx;
  }
  .curriculum-title {
    color:#333;
    font-size:@font_size_28;
    font-weight:bold;
  }
  .curriculum-sub-title {
    font-size:@font_size_24;
    color:#B3B4B5;
  }
  .curriculum-price {
    color:#FF5050;
    font-size:@font_size_32;
  }

  /*评价内容*/
  .evaluate-content {
    margin-top:20rpx;
    background-color:@bg_color;
    box-sizing: border-box;
    padding:24rpx 20rpx 34rpx 20rpx;
  }
  .write-evaluate {
    padding:25rpx 27rpx;
    height:300rpx;
    border:1px dotted gray;
    border-radius:10rpx;
  }

  /*发表评价*/
  .send-evaluate {
    position:fixed;
    left:75rpx;
    right:75rpx;
    bottom:103rpx;
  }
  .evaluate-btn {
    width:600rpx;
    height:68rpx;
    line-height:68rpx;
    background-color:@theme_bg_color;
    color:@bg_color;
    border-radius:58rpx;
    font-size:@font_size_28;
  }
</style>
